<!DOCTYPE html>
<html>
<head>
    <title>资讯推荐系统</title>
    <link href="/stylesheets/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/javascripts/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <link href="/stylesheets/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Express News Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        } </script>
    <!-- for bootstrap working -->
    <script type="text/javascript" src="/javascripts/bootstrap.js"></script>
    <!-- //for bootstrap working -->
    <!-- web-fonts -->
    <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
          rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <script src="/javascripts/responsiveslides.min.js"></script>
    <script>
        $(function () {
            $("#slider").responsiveSlides({
                auto: true,
                nav: true,
                speed: 500,
                namespace: "callbacks",
                pager: true,
            });
        });
    </script>
    <script type="text/javascript" src="/javascripts/move-top.js"></script>
    <script type="text/javascript" src="/javascripts/easing.js"></script>
    <!--/script-->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
</head>
<body>
<!-- header-section-starts-here -->
<% include header.ejs %>
<!-- header-section-ends-here -->
<!-- content-section-starts-here -->
<div class="main-body">
    <div class="wrap">
        <ol class="breadcrumb">
            <li><a href="index.ejs">Home</a></li>
            <li class="active">Single Page</li>
        </ol>
        <div class="single-page">
            <!--<div class="col-md-2 share_grid">-->
            <!--<h3>SHARE</h3>-->
            <!--<ul>-->
            <!--<li>-->
            <!--<a href="#">-->
            <!--<i class="facebook"></i>-->
            <!--<div class="views">-->
            <!--<span>SHARE</span>-->
            <!--<label>180</label>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</a>-->
            <!--</li>-->
            <!--<li>-->
            <!--<a href="#">-->
            <!--<i class="twitter"></i>-->
            <!--<div class="views">-->
            <!--<span>TWEET</span>-->
            <!--<label>355</label>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</a>-->
            <!--</li>-->
            <!--<li>-->
            <!--<a href="#">-->
            <!--<i class="linkedin"></i>-->
            <!--<div class="views">-->
            <!--<span>SHARES</span>-->
            <!--<label>28</label>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</a>-->
            <!--</li>-->
            <!--<li>-->
            <!--<a href="#">-->
            <!--<i class="pinterest"></i>-->
            <!--<div class="views">-->
            <!--<span>PIN</span>-->
            <!--<label>16</label>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</a>-->
            <!--</li>-->
            <!--<li>-->
            <!--<a href="#">-->
            <!--<i class="email"></i>-->
            <!--<div class="views">-->
            <!--<span>Email</span>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</a>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <div class="col-md-6  col-md-offset-3 content-left single-post">
                <div class="blog-posts">
                    <h3 class="post"><%= article.title %></h3>
                    <div class="last-article">
                        <p class="artext"><%= article.abstract %></p>
                        <p class="artext"><%= article.content %>.</p>
                        <div class="clearfix"></div>
                        <!--related-posts-->
                        <!--<div class="row related-posts">-->
                        <!--<h4>Articles You May Like</h4>-->
                        <!--<div class="col-xs-6 col-md-3 related-grids">-->
                        <!--<a href="single.ejs" class="thumbnail">-->
                        <!--<img src="images/f2.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="single.ejs">Lorem Ipsum is simply</a></h5>-->
                        <!--</div>-->
                        <!--<div class="col-xs-6 col-md-3 related-grids">-->
                        <!--<a href="single.ejs" class="thumbnail">-->
                        <!--<img src="images/f1.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="single.ejs">Lorem Ipsum is simply</a></h5>-->
                        <!--</div>-->
                        <!--<div class="col-xs-6 col-md-3 related-grids">-->
                        <!--<a href="single.ejs" class="thumbnail">-->
                        <!--<img src="images/f3.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="single.ejs">Lorem Ipsum is simply</a></h5>-->
                        <!--</div>-->
                        <!--<div class="col-xs-6 col-md-3 related-grids">-->
                        <!--<a href="single.ejs" class="thumbnail">-->
                        <!--<img src="images/f6.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="single.ejs">Lorem Ipsum is simply</a></h5>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--//related-posts-->

                        <!--<div class="response">-->
                        <!--<h4>Responses</h4>-->
                        <!--<div class="media response-info">-->
                        <!--<div class="media-left response-text-left">-->
                        <!--<a href="#">-->
                        <!--<img class="media-object" src="images/c1.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="#">Username</a></h5>-->
                        <!--</div>-->
                        <!--<div class="media-body response-text-right">-->
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many-->
                        <!--variations of passages of Lorem Ipsum available,-->
                        <!--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
                        <!--<ul>-->
                        <!--<li>Sep 21, 2015</li>-->
                        <!--<li><a href="single.ejs">Reply</a></li>-->
                        <!--</ul>-->
                        <!--<div class="media response-info">-->
                        <!--<div class="media-left response-text-left">-->
                        <!--<a href="#">-->
                        <!--<img class="media-object" src="images/c2.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="#">Username</a></h5>-->
                        <!--</div>-->
                        <!--<div class="media-body response-text-right">-->
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many-->
                        <!--variations of passages of Lorem Ipsum available,-->
                        <!--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
                        <!--<ul>-->
                        <!--<li>July 17, 2015</li>-->
                        <!--<li><a href="single.ejs">Reply</a></li>-->
                        <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="clearfix"></div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="clearfix"></div>-->
                        <!--</div>-->
                        <!--<div class="media response-info">-->
                        <!--<div class="media-left response-text-left">-->
                        <!--<a href="#">-->
                        <!--<img class="media-object" src="images/c3.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="#">Username</a></h5>-->
                        <!--</div>-->
                        <!--<div class="media-body response-text-right">-->
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many-->
                        <!--variations of passages of Lorem Ipsum available,-->
                        <!--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
                        <!--<ul>-->
                        <!--<li>June 21, 2015</li>-->
                        <!--<li><a href="single.ejs">Reply</a></li>-->
                        <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="clearfix"></div>-->
                        <!--</div>-->
                        <!--<div class="media response-info">-->
                        <!--<div class="media-left response-text-left">-->
                        <!--<a href="#">-->
                        <!--<img class="media-object" src="images/c4.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="#">Username</a></h5>-->
                        <!--</div>-->
                        <!--<div class="media-body response-text-right">-->
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many-->
                        <!--variations of passages of Lorem Ipsum available,-->
                        <!--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
                        <!--<ul>-->
                        <!--<li>Mar 28, 2015</li>-->
                        <!--<li><a href="single.ejs">Reply</a></li>-->
                        <!--</ul>-->
                        <!--<div class="media response-info">-->
                        <!--<div class="media-left response-text-left">-->
                        <!--<a href="#">-->
                        <!--<img class="media-object" src="images/c5.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="#">Username</a></h5>-->
                        <!--</div>-->
                        <!--<div class="media-body response-text-right">-->
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many-->
                        <!--variations of passages of Lorem Ipsum available,-->
                        <!--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
                        <!--<ul>-->
                        <!--<li>Feb 19, 2015</li>-->
                        <!--<li><a href="single.ejs">Reply</a></li>-->
                        <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="clearfix"></div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="clearfix"></div>-->
                        <!--</div>-->
                        <!--<div class="media response-info">-->
                        <!--<div class="media-left response-text-left">-->
                        <!--<a href="#">-->
                        <!--<img class="media-object" src="images/c6.jpg" alt=""/>-->
                        <!--</a>-->
                        <!--<h5><a href="#">Username</a></h5>-->
                        <!--</div>-->
                        <!--<div class="media-body response-text-right">-->
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many-->
                        <!--variations of passages of Lorem Ipsum available,-->
                        <!--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
                        <!--<ul>-->
                        <!--<li>Jan 20, 2015</li>-->
                        <!--<li><a href="single.ejs">Reply</a></li>-->
                        <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="clearfix"></div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="coment-form">-->
                        <!--<h4>Leave your comment</h4>-->
                        <!--<form>-->
                        <!--<input type="text" value="Name " onfocus="this.value = '';"-->
                        <!--onblur="if (this.value == '') {this.value = 'Name';}" required="">-->
                        <!--<input type="email" value="Email (will not be published)*" onfocus="this.value = '';"-->
                        <!--onblur="if (this.value == '') {this.value = 'Email (will not be published)*';}"-->
                        <!--required="">-->
                        <!--<input type="text" value="Website" onfocus="this.value = '';"-->
                        <!--onblur="if (this.value == '') {this.value = 'Website';}" required="">-->
                        <!--<textarea onfocus="this.value = '';"-->
                        <!--onblur="if (this.value == '') {this.value = 'Your Comment...';}" required="">Your Comment...</textarea>-->
                        <!--<input type="submit" value="Submit Comment">-->
                        <!--</form>-->
                        <!--</div>-->
                        <div class="clearfix"></div>
                    </div>
                </div>

            </div>
            <!--<div class="col-md-4 side-bar">-->
            <!--<div class="first_half">-->
            <!--<div class="categories">-->
            <!--<header>-->
            <!--<h3 class="side-title-head">Categories</h3>-->
            <!--</header>-->
            <!--<ul>-->
            <!--<li><a href="business.ejs">Business</a></li>-->
            <!--<li><a href="technology.ejs">Technology</a></li>-->
            <!--<li><a href="entertainment.ejs">Entertainment</a></li>-->
            <!--<li><a href="sports.ejs">Sports</a></li>-->
            <!--<li><a href="fashion.ejs">Fashion</a></li>-->
            <!--<li><a href="shortcodes.ejs">Health</a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="newsletter">-->
            <!--<h1 class="side-title-head">Newsletter</h1>-->
            <!--<p class="sign">Sign up to receive our free newsletters!</p>-->
            <!--<form>-->
            <!--<input type="text" class="text" value="Email Address" onfocus="this.value = '';"-->
            <!--onblur="if (this.value == '') {this.value = 'Email Address';}">-->
            <!--<input type="submit" value="submit">-->
            <!--</form>-->
            <!--</div>-->
            <!--<div class="list_vertical">-->
            <!--<section class="accordation_menu">-->
            <!--<div>-->
            <!--<input id="label-1" name="lida" type="radio" checked/>-->
            <!--<label for="label-1" id="item1"><i class="ferme"> </i>Popular Posts<i-->
            <!--class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>-->
            <!--<div class="content" id="a1">-->
            <!--<div class="scrollbar" id="style-2">-->
            <!--<div class="force-overflow">-->
            <!--<div class="popular-post-grids">-->
            <!--<div class="popular-post-grid">-->
            <!--<div class="post-img">-->
            <!--<a href="single.ejs"><img src="images/bus2.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="post-text">-->
            <!--<a class="pp-title" href="single.ejs"> The section of the mass-->
            <!--media industry</a>-->
            <!--<p>On Feb 25 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>3-->
            <!--</a><a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>56-->
            <!--</a></p>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="popular-post-grid">-->
            <!--<div class="post-img">-->
            <!--<a href="single.ejs"><img src="images/bus1.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="post-text">-->
            <!--<a class="pp-title" href="single.ejs"> Lorem Ipsum is simply-->
            <!--dummy text printing</a>-->
            <!--<p>On Apr 14 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>2-->
            <!--</a><a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>56-->
            <!--</a></p>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="popular-post-grid">-->
            <!--<div class="post-img">-->
            <!--<a href="single.ejs"><img src="images/bus3.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="post-text">-->
            <!--<a class="pp-title" href="single.ejs">There are many variations-->
            <!--of Lorem</a>-->
            <!--<p>On Jun 25 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>0-->
            <!--</a><a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>56-->
            <!--</a></p>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="popular-post-grid">-->
            <!--<div class="post-img">-->
            <!--<a href="single.ejs"><img src="images/bus4.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="post-text">-->
            <!--<a class="pp-title" href="single.ejs">Sed ut perspiciatis unde-->
            <!--omnis iste natus</a>-->
            <!--<p>On Jan 25 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>1-->
            <!--</a><a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>56-->
            <!--</a></p>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div>-->
            <!--<input id="label-2" name="lida" type="radio"/>-->
            <!--<label for="label-2" id="item2"><i class="icon-leaf" id="i2"></i>Recent Posts<i-->
            <!--class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>-->
            <!--<div class="content" id="a2">-->
            <!--<div class="scrollbar" id="style-2">-->
            <!--<div class="force-overflow">-->
            <!--<div class="popular-post-grids">-->
            <!--<div class="popular-post-grid">-->
            <!--<div class="post-img">-->
            <!--<a href="single.ejs"><img src="images/tec2.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="post-text">-->
            <!--<a class="pp-title" href="single.ejs"> The section of the mass-->
            <!--media industry</a>-->
            <!--<p>On Feb 25 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>3-->
            <!--</a><a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>56-->
            <!--</a></p>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="popular-post-grid">-->
            <!--<div class="post-img">-->
            <!--<a href="single.ejs"><img src="images/tec1.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="post-text">-->
            <!--<a class="pp-title" href="single.ejs"> Lorem Ipsum is simply-->
            <!--dummy text printing</a>-->
            <!--<p>On Apr 14 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>2-->
            <!--</a><a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>56-->
            <!--</a></p>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="popular-post-grid">-->
            <!--<div class="post-img">-->
            <!--<a href="single.ejs"><img src="images/tec3.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="post-text">-->
            <!--<a class="pp-title" href="single.ejs">There are many variations-->
            <!--of Lorem</a>-->
            <!--<p>On Jun 25 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>0-->
            <!--</a><a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>56-->
            <!--</a></p>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="popular-post-grid">-->
            <!--<div class="post-img">-->
            <!--<a href="single.ejs"><img src="images/tec4.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="post-text">-->
            <!--<a class="pp-title" href="single.ejs">Sed ut perspiciatis unde-->
            <!--omnis iste natus</a>-->
            <!--<p>On Jan 25 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>1-->
            <!--</a><a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>56-->
            <!--</a></p>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div>-->
            <!--<input id="label-3" name="lida" type="radio"/>-->
            <!--<label for="label-3" id="item3"><i class="icon-trophy" id="i3"></i>Comments<i-->
            <!--class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>-->
            <!--<div class="content" id="a3">-->
            <!--<div class="scrollbar" id="style-2">-->
            <!--<div class="force-overflow">-->
            <!--<div class="response">-->
            <!--<div class="media response-info">-->
            <!--<div class="media-left response-text-left">-->
            <!--<a href="#">-->
            <!--<img class="media-object" src="images/icon1.png" alt=""/>-->
            <!--</a>-->
            <!--<h5><a href="#">Username</a></h5>-->
            <!--</div>-->
            <!--<div class="media-body response-text-right">-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing-->
            <!--elit,There are many variations of passages of Lorem Ipsum-->
            <!--available,-->
            <!--sed do eiusmod tempor incididunt ut labore et dolore magna-->
            <!--aliqua.</p>-->
            <!--<ul>-->
            <!--<li>MARCH 21, 2015</li>-->
            <!--<li><a href="single.ejs">Reply</a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="media response-info">-->
            <!--<div class="media-left response-text-left">-->
            <!--<a href="#">-->
            <!--<img class="media-object" src="images/icon1.png" alt=""/>-->
            <!--</a>-->
            <!--<h5><a href="#">Username</a></h5>-->
            <!--</div>-->
            <!--<div class="media-body response-text-right">-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing-->
            <!--elit,There are many variations of passages of Lorem Ipsum-->
            <!--available,-->
            <!--sed do eiusmod tempor incididunt ut labore et dolore magna-->
            <!--aliqua.</p>-->
            <!--<ul>-->
            <!--<li>MARCH 26, 2015</li>-->
            <!--<li><a href="single.ejs">Reply</a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="media response-info">-->
            <!--<div class="media-left response-text-left">-->
            <!--<a href="#">-->
            <!--<img class="media-object" src="images/icon1.png" alt=""/>-->
            <!--</a>-->
            <!--<h5><a href="#">Username</a></h5>-->
            <!--</div>-->
            <!--<div class="media-body response-text-right">-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing-->
            <!--elit,There are many variations of passages of Lorem Ipsum-->
            <!--available,-->
            <!--sed do eiusmod tempor incididunt ut labore et dolore magna-->
            <!--aliqua.</p>-->
            <!--<ul>-->
            <!--<li>MAY 25, 2015</li>-->
            <!--<li><a href="single.ejs">Reply</a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="media response-info">-->
            <!--<div class="media-left response-text-left">-->
            <!--<a href="#">-->
            <!--<img class="media-object" src="images/icon1.png" alt=""/>-->
            <!--</a>-->
            <!--<h5><a href="#">Username</a></h5>-->
            <!--</div>-->
            <!--<div class="media-body response-text-right">-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing-->
            <!--elit,There are many variations of passages of Lorem Ipsum-->
            <!--available,-->
            <!--sed do eiusmod tempor incididunt ut labore et dolore magna-->
            <!--aliqua.</p>-->
            <!--<ul>-->
            <!--<li>FEB 13, 2015</li>-->
            <!--<li><a href="single.ejs">Reply</a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="media response-info">-->
            <!--<div class="media-left response-text-left">-->
            <!--<a href="#">-->
            <!--<img class="media-object" src="images/icon1.png" alt=""/>-->
            <!--</a>-->
            <!--<h5><a href="#">Username</a></h5>-->
            <!--</div>-->
            <!--<div class="media-body response-text-right">-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing-->
            <!--elit,There are many variations of passages of Lorem Ipsum-->
            <!--available,-->
            <!--sed do eiusmod tempor incididunt ut labore et dolore magna-->
            <!--aliqua.</p>-->
            <!--<ul>-->
            <!--<li>JAN 28, 2015</li>-->
            <!--<li><a href="single.ejs">Reply</a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="media response-info">-->
            <!--<div class="media-left response-text-left">-->
            <!--<a href="#">-->
            <!--<img class="media-object" src="images/icon1.png" alt=""/>-->
            <!--</a>-->
            <!--<h5><a href="#">Username</a></h5>-->
            <!--</div>-->
            <!--<div class="media-body response-text-right">-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing-->
            <!--elit,There are many variations of passages of Lorem Ipsum-->
            <!--available,-->
            <!--sed do eiusmod tempor incididunt ut labore et dolore magna-->
            <!--aliqua.</p>-->
            <!--<ul>-->
            <!--<li>APR 18, 2015</li>-->
            <!--<li><a href="single.ejs">Reply</a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--<div class="media response-info">-->
            <!--<div class="media-left response-text-left">-->
            <!--<a href="#">-->
            <!--<img class="media-object" src="images/icon1.png" alt=""/>-->
            <!--</a>-->
            <!--<h5><a href="#">Username</a></h5>-->
            <!--</div>-->
            <!--<div class="media-body response-text-right">-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing-->
            <!--elit,There are many variations of passages of Lorem Ipsum-->
            <!--available,-->
            <!--sed do eiusmod tempor incididunt ut labore et dolore magna-->
            <!--aliqua.</p>-->
            <!--<ul>-->
            <!--<li>DEC 25, 2014</li>-->
            <!--<li><a href="single.ejs">Reply</a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->

            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</section>-->
            <!--</div>-->
            <!--<div class="side-bar-articles">-->
            <!--<div class="side-bar-article">-->
            <!--<a href="single.ejs"><img src="images/sai.jpg" alt=""/></a>-->
            <!--<div class="side-bar-article-title">-->
            <!--<a href="single.ejs">Contrary to popular belief, Lorem Ipsum is not simply random-->
            <!--text</a>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="side-bar-article">-->
            <!--<a href="single.ejs"><img src="images/sai2.jpg" alt=""/></a>-->
            <!--<div class="side-bar-article-title">-->
            <!--<a href="single.ejs">There are many variations of passages of Lorem</a>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="side-bar-article">-->
            <!--<a href="single.ejs"><img src="images/sai3.jpg" alt=""/></a>-->
            <!--<div class="side-bar-article-title">-->
            <!--<a href="single.ejs">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</a>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="secound_half">-->
            <!--<div class="tags">-->
            <!--<header>-->
            <!--<h3 class="title-head">Tags</h3>-->
            <!--</header>-->
            <!--<p>-->
            <!--<a class="tag1" href="single.ejs">At vero eos</a>-->
            <!--<a class="tag2" href="single.ejs">doloremque</a>-->
            <!--<a class="tag3" href="single.ejs">On the other</a>-->
            <!--<a class="tag4" href="single.ejs">pain was</a>-->
            <!--<a class="tag5" href="single.ejs">rationally encounter</a>-->
            <!--<a class="tag6" href="single.ejs">praesentium voluptatum</a>-->
            <!--<a class="tag7" href="single.ejs">est, omnis</a>-->
            <!--<a class="tag8" href="single.ejs">who are so beguiled</a>-->
            <!--<a class="tag9" href="single.ejs">when nothing</a>-->
            <!--<a class="tag10" href="single.ejs">owing to the</a>-->
            <!--<a class="tag11" href="single.ejs">pains to avoid</a>-->
            <!--<a class="tag12" href="single.ejs">tempora incidunt</a>-->
            <!--<a class="tag13" href="single.ejs">pursues or desires</a>-->
            <!--<a class="tag14" href="single.ejs">Bonorum et</a>-->
            <!--<a class="tag15" href="single.ejs">written by Cicero</a>-->
            <!--<a class="tag16" href="single.ejs">Ipsum passage</a>-->
            <!--<a class="tag17" href="single.ejs">exercitationem ullam</a>-->
            <!--<a class="tag18" href="single.ejs">mistaken idea</a>-->
            <!--<a class="tag19" href="single.ejs">ducimus qui</a>-->
            <!--<a class="tag20" href="single.ejs">holds in these</a>-->
            <!--</p>-->
            <!--</div>-->
            <!--<div class="popular-news">-->
            <!--<header>-->
            <!--<h3 class="title-popular">popular News</h3>-->
            <!--</header>-->
            <!--<div class="popular-grids">-->
            <!--<div class="popular-grid">-->
            <!--<a href="single.ejs"><img src="images/popular-4.jpg" alt=""/></a>-->
            <!--<a class="title" href="single.ejs">It is a long established fact that a reader will be-->
            <!--distracted</a>-->
            <!--<p>On Aug 31, 2015 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>0 </a><a class="span_link"-->
            <!--href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>250 </a><a class="span_link"-->
            <!--href="#"><span-->
            <!--class="glyphicon glyphicon-thumbs-up"></span>68</a></p>-->
            <!--</div>-->
            <!--<div class="popular-grid">-->
            <!--<iframe width="100%" src="https://www.youtube.com/embed/LGMn_yi_62k" frameborder="0"-->
            <!--allowfullscreen></iframe>-->
            <!--<a class="title" href="single.ejs">Aishwarya Rai Bachchan's Latest SHOCKING News For Ex-->
            <!--Salman Khan</a>-->
            <!--<p>On Mar 14, 2015 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>0 </a><a class="span_link"-->
            <!--href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>250 </a><a class="span_link"-->
            <!--href="#"><span-->
            <!--class="glyphicon glyphicon-thumbs-up"></span>68</a></p>-->
            <!--</div>-->
            <!--<div class="popular-grid">-->
            <!--<a href="single.ejs"><img src="images/popular-3.jpg" alt=""/></a>-->
            <!--<a class="title" href="single.ejs">It is a long established fact that a reader will be-->
            <!--distracted</a>-->
            <!--<p>On Mar 14, 2015 <a class="span_link" href="#"><span-->
            <!--class="glyphicon glyphicon-comment"></span>0 </a><a class="span_link"-->
            <!--href="#"><span-->
            <!--class="glyphicon glyphicon-eye-open"></span>250 </a><a class="span_link"-->
            <!--href="#"><span-->
            <!--class="glyphicon glyphicon-thumbs-up"></span>68</a></p>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
            <!--</div>-->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- content-section-ends-here -->
<!-- footer-section-starts-here -->
<% include footer.ejs %>
<!-- footer-section-ends-here -->
<script type="text/javascript">
    $(document).ready(function () {
        /*
        var defaults = {
        wrapID: 'toTop', // fading element id
        wrapHoverID: 'toTopHover', // fading element hover id
        scrollSpeed: 1200,
        easingType: 'linear'
        };
        */
        $().UItoTop({easingType: 'easeOutQuart'});
    });
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!---->
</body>
</html>
